<template>
  <div class="hello_main">
        <div class="hello2">
            <h1>Welcome back! {{account}} ,</h1>
            <h2>Always at your service </h2>
        </div>
        <div>

        </div>
  </div>
</template>
<script>
import Hello from '@/components/Hello'
export default {
  comments: {
    Hello
  },
  created () {
  },
  data () {
    let user = JSON.parse(sessionStorage.getItem('user'))
    return {
        account:user.userAccount
    }
  },
  methods: {
  },
  mounted() {
  },
}

</script>
<style scoped>
html,
body,
#hello {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
.hello_main{
    height: 100%;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-radius: 15px;
    box-shadow: gray 5px 5px 15px 0px;
}
.hello2{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgb(0, 0, 0);
}
</style>